import React, { useDebugValue, useEffect, useState } from 'react'

export default function useClientWidth() {
  //定义状态
  let [width, setWidth] = useState(document.documentElement.clientWidth);
  //控制台调试一个值
  useDebugValue(100);
  useDebugValue(200);
  
  useEffect(() => {
    //为 window 绑定 resize 事件.   on   when 的意思. 当...时候
    window.onresize = () => {
      //重新渲染组件  ->  更新状态
      setWidth(document.documentElement.clientWidth);
    }
  }, []);
  //返回
  return width;
}
